<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jspf/import.jspf" %>
<!doctype HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
<title> 车友会-相册终端页 </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="lijun_gz liuwencong_gz" />
<link rel="stylesheet" type="text/css" href="http://js.3conline.com/wap/pcauto/2014/touch/cyh.css">
</head>

<body class="g-doc" style="background:#141414;">

    <!--栏目计数器/文章计数器-->
        <jsp:include page="/template/wap/common/counter.jspf">
            <jsp:param name="channel" value="7638" />
        </jsp:include>
<div class="body">

<div class="ui-picCon">
    <div class="ui-topBack">
        <a class="topBack-a" href="javascript:history.go(-1);"></a>${fn:escapeXml(album.name)}
    </div>
    <div class="ui-pic-con" id="slider">
        <div class="ui-pic-wrap"></div>
    </div>
    <div class="ui-doc">
<!--        <div class="ui-prev"></div> -->
        <span class="indexPic"><em class="index">${index}</em></span> / <span class="picNum"><em class="total">${total}</em></span>
<!--         <div class="ui-next"></div> -->
    </div>
</div>

<script src="http://js.3conline.com/wap/pcauto/2014/js/cyhPicSwipe-min.js" type="text/javascript"></script>
<script type="text/javascript">
(function () {
var picSwipe = new PicSwipe(document.getElementById('slider'),{
api: '${ROOT}/album/getPhotoUrl.do',
//api: 'picdata.html',
productId : ${album.albumId},
groupId : '0',
index : ${index},
dom : {
total : document.querySelector('.total'),
index : document.querySelector('.index'),
 next : document.querySelector('.ui-next'),
 prev : document.querySelector('.ui-prev')
}
});
})();
</script>
</div>
</body>
</html>